<%@page language="java" contentType="text/html; UTF-8" pageEncoding="utf-8" isELIgnored="false" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>小东商城登录</title>
    <!--样式引入-->
    <link rel="stylesheet" href="/static/layui/css/layui.css">
    <link rel="stylesheet" href="/resources/commons/css/reset.css">
    <!--图标字体-->
    <link rel="stylesheet" href="/resources/commons/font/icon.css">
    <!--页面自身css的引用-->
    <link rel="stylesheet" href="/resources/user/login/css/login.css">
</head>
<body>
<!--header-start-->
<div class="web-login-header">
    <div class="header-wrapper">
        <div class="login">
            <a href="">
                <img src="https://misc.360buyimg.com/lib/img/e/logo-201305-b.png" alt="">
            </a>
        </div>
        <div class="title">
            <h1>
                欢迎登录
            </h1>
        </div>
    </div>
</div>
<!--header-end-->
<!--content-start-->
<div class="web-login-content">
    <div class="content-wrapper">
        <div class="login-wrapper">
            <div class="title">
                <h2>账户登录</h2>
            </div>
            <div class="content">
                <form action="/user/login" method="post" class="content-form"
                      onsubmit="return validatePhoneOrEmail()">
                    <div class="username-wrapper">
                        <div class="icon-username iconfont icon-user"></div>
                        <div class="text">
                            <input type="text" id="username" class="username" name=""
                                   placeholder="邮箱/用户名/登录手机">
                        </div>
                    </div>
                    <div class="password-wrapper">
                        <div class="icon-password iconfont icon-suo"></div>
                        <div class="text">
                            <input type="password" id="password" class="password" name="password"
                                   placeholder="密码">
                        </div>
                    </div>
                    <div class="forget-wrapper">
                        <a href="" class="forget">${message}</a>
                    </div>
                    <div class="login-btn-wrapper">
                        <input type="submit" class="login-btn" value="登录">
                    </div>
                </form>
            </div>
            <div class="footer">
                <div class="icon-wrapper">
                    <div class="qq-wrapper">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-QQ"></use>
                        </svg>
                        <a href="">QQ</a>
                    </div>
                    |
                    <div class="weixin-wrapper">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-weixin"></use>
                        </svg>
                        <a href="">微信</a>
                    </div>
                </div>
                <div class="reg-link-wrapper">
                    <div class="icon-wrapper">
                        <i class="iconfont icon-icon_paging_right"></i>
                    </div>
                    <div class="link-wrapper">
                        <a href="/views/user/reg/reg.jsp">立即注册</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--content-end-->
<!--footer-start-->
<div class="web-login-footer">
    <div class="link-wrapper">
        <ul>
            <li>
                <a href="">关于我们</a>
            </li>
            <li>
                <a href="">联系我们 </a>
            </li>
            <li>
                <a href="">人才招聘 </a>
            </li>
            <li>
                <a href="">商家入驻</a>
            </li>
            <li>
                <a href="">广告服务</a>
            </li>
            <li>
                <a href="">手机京东</a>
            </li>
        </ul>
    </div>
    <div class="copyright">
        Copyright © 2004-2020 京东JD.com 版权所有
    </div>
</div>
<!--footer-end-->

<!--js引入-->
<script src="/static/layui/layui.js"></script>
<script src="/static/jQuery/jquery-2.1.1.js"></script>
<script src="/resources/commons/js/base.js"></script>
<script src="/resources/commons/font/icon.js"></script>
<!--页面自身js的引用-->
<script src="/resources/user/login/js/login.js"></script>
</body>
</html>
